<!DOCTYPE html>
html(lang="en")
  head
    meta(charset="UTF-8")
    title pageTitle
    style.
      .myp {
        color: green;
      }
    script(type='text/javascript').
      console.log('pug')
    //-   if (foo) bar(1 + 5)
  body
    h1 Pug - node template engine
    #root
    #container.col
      if youAreUsingPug
        p You are amazing
      else
        p Get on it!
      p.
        Pug is a terse and simple templating language with a
        strong focus on performance and powerful features.
      p(class="myp") 我是p标签
      .mydiv(style={color: "#fff",background: "blue"}) 我是div
      //- 我是pug注释
      //- 
          我是第一行
          我是第二行
      //  我是html注释
      // 
          我是第一行
          我是第二行
      div
        | hello
      - let str = "你好"
      p #{str}
      p #{data}
      ul
        each item,index in users
          li 姓名是：#{item.name} 索引是：#{index}
      - for(let i=0;i<4;i++)
          span 我是循环出来的数据#{i} 
      - let num = 1
          case num
            when 1
              p num 是一
            when 1
              p num 是二
            default 
              p num 是其他值
      mixin mydiv 
        div 我是常用的div
      +mydiv
      +mydiv
      +mydiv
      mixin pet(name, sex)
        p 这是一只#{name},它的性别是#{sex}
      +pet("狗狗","公")
      include common.pug